{% extends 'base.html' %}

{% block title %}
    <title>Dolce&Gabbana 杜嘉班纳 </title>
{% endblock %}


{% block cssjs %}
    <link href="/static/css/goods_des2.css" rel="stylesheet" type="text/css">

    <script src="/static/js/goods_list1.js"></script>
    <script src="/static/js/list_magnifler2.js"></script>
    <script src="/static/js/goods_info2.js"></script>
{% endblock %}

<!--  公共头部  -->
{% block cart %}
    <div class="bag">
        <a href="cart.html">
            <div class="bag_n">
                <img src="/static/img/shopping.png" class="bag_icon" alt="" />
                <span>购物车（<t style="color: #8E0C3A;">0</t>）</span>
                <img class="arrow" src="/static/img/xiabiao.png" alt="" />
            </div>
        </a>
    </div>

    <div class="cart">
        <div><h4 class='title'>最新加入的商品</h4></div>
        <p class='new_cart'>有新的商品加入 快去购物车查看吧</p>
        <div class="cart_n">您的购物车是空的</div>
    </div>
{% endblock %}

{% block content %}
    <div class="main_nav">
				<div class="nav">
					<ul class="nav_ul">
						<li><a href="">首页</a></li>
						<li><a href="#">新近单品</a>
							<div class="goods" style="left:-108px;">
								<div class="goods_con_left">
									<div class="goods_left">
										<dt style="margin-top: 0px;">今日上新</dt>
										<dt>昨日上新</dt>
										<dt>本周上新</dt>
									</div>
									<div class="goods_mid">
										<dt style="font-weight: bold;">男仕 Man</dt>
										<dd>包袋 Bags</dd>
										<dd>配饰 Accessories</dd>
										<dd>鞋履 Shoes</dd>
										<dd>服装 Clothes</dd>
									</div>
									<div class="goods_right">
										<dt style="font-weight: bold;">女士 Woman</dt>
										<dd>包袋 Bags</dd>
										<dd>配饰 Accessories</dd>
										<dd>鞋履 Shoes</dd>
										<dd>服装 Clothes</dd>
									</div>
								</div>									
								<div class="goods_con_right">
									<dt style="font-weight: bold;">今日推荐单品</dt>
									<ul>
										
									</ul>
								</div>
								<div class="all_news">
									<a href="#">所有男士新品</a>
									<a href="#">所有女士新品</a>
								</div>
							</div>
						</li>
						<li><a href="#">女士</a>
							<div class="goods" style="left:-216px">
								<div class="goods_con_left">
									<div class="goods_left">
										<dt style="margin-top: 0px;">女士包</dt>
										<dt>昨日上新</dt>
										<dt>本周上新</dt>
									</div>
									<div class="goods_mid">
										<dt style="font-weight: bold;">包袋 Bags</dt>
										<dd>包袋 Bags</dd>
										<dd>配饰 Accessories</dd>
										<dd>鞋履 Shoes</dd>
										<dd>服装 Clothes</dd>
									</div>
									<div class="goods_right">
										<dt style="font-weight: bold;">女士 Women</dt>
										<dd>包袋 Bags</dd>
										<dd>配饰 Accessories</dd>
										<dd>鞋履 Shoes</dd>
										<dd>服装 Clothes</dd>
									</div>
								</div>									
								<div class="goods_con_right">
									<dt style="font-weight: bold;">今日推荐单品</dt>
									<ul>
										
									</ul>
								</div>
								<div class="all_news">
									<a href="#">所有男士新品</a>
									<a href="#">所有女士新品</a>
								</div>
							</div>
						</li>
						<li><a href="#">男士</a>
							<div class="goods" style="left:-324px">
								<div class="goods_con_left">
									<div class="goods_left">
										<dt style="margin-top: 0px;">今日上新</dt>
										<dt>昨日上新</dt>
										<dt>本周上新</dt>
									</div>
									<div class="goods_mid">
										<dt style="font-weight: bold;">男仕 Man</dt>
										<dd>包袋 Bags</dd>
										<dd>配饰 Accessories</dd>
										<dd>鞋履 Shoes</dd>
										<dd>服装 Clothes</dd>
									</div>
									<div class="goods_right">
										<dt style="font-weight: bold;">女士 Woman</dt>
										<dd>包袋 Bags</dd>
										<dd>配饰 Accessories</dd>
										<dd>鞋履 Shoes</dd>
										<dd>服装 Clothes</dd>
									</div>
								</div>									
								<div class="goods_con_right">
									<dt style="font-weight: bold;">今日推荐单品</dt>
									<ul>
										
									</ul>
								</div>
								<div class="all_news">
									<a href="#">所有男士新品</a>
									<a href="#">所有女士新品</a>
								</div>
							</div>
						</li>
						<li><a href="#">童装</a>
							<div class="goods" style="left:-432px">
								<div class="goods_con_left">
									<div class="goods_left">
										<dt style="margin-top: 0px;">今日上新</dt>
										<dt>昨日上新</dt>
										<dt>本周上新</dt>
									</div>
									<div class="goods_mid">
										<dt style="font-weight: bold;">男仕 Man</dt>
										<dd>包袋 Bags</dd>
										<dd>配饰 Accessories</dd>
										<dd>鞋履 Shoes</dd>
										<dd>服装 Clothes</dd>
									</div>
									<div class="goods_right">
										<dt style="font-weight: bold;">女士 Woman</dt>
										<dd>包袋 Bags</dd>
										<dd>配饰 Accessories</dd>
										<dd>鞋履 Shoes</dd>
										<dd>服装 Clothes</dd>
									</div>
								</div>									
								<div class="goods_con_right">
									<dt style="font-weight: bold;">今日推荐单品</dt>
									<ul>
										
									</ul>
								</div>
								<div class="all_news">
									<a href="#">所有男士新品</a>
									<a href="#">所有女士新品</a>
								</div>
							</div>
						</li>
						<li><a href="#">腕表</a>
							<div class="goods" style="left:-540px">
								<div class="goods_con_left">
									<div class="goods_left">
										<dt style="margin-top: 0px;">今日上新</dt>
										<dt>昨日上新</dt>
										<dt>本周上新</dt>
									</div>
									<div class="goods_mid">
										<dt style="font-weight: bold;">男仕 Man</dt>
										<dd>包袋 Bags</dd>
										<dd>配饰 Accessories</dd>
										<dd>鞋履 Shoes</dd>
										<dd>服装 Clothes</dd>
									</div>
									<div class="goods_right">
										<dt style="font-weight: bold;">女士 Woman</dt>
										<dd>包袋 Bags</dd>
										<dd>配饰 Accessories</dd>
										<dd>鞋履 Shoes</dd>
										<dd>服装 Clothes</dd>
									</div>
								</div>									
								<div class="goods_con_right">
									<dt style="font-weight: bold;">今日推荐单品</dt>
									<ul>
										
									</ul>
								</div>
								<div class="all_news">
									<a href="#">所有男士新品</a>
									<a href="#">所有女士新品</a>
								</div>
							</div>
						</li>
						<li><a href="#">品牌</a>
							<div class="goods" style="left:-648px">
								<div class="goods_con_left">
									<div class="goods_left">
										<dt style="margin-top: 0px;">今日上新</dt>
										<dt>昨日上新</dt>
										<dt>本周上新</dt>
									</div>
									<div class="goods_mid">
										<dt style="font-weight: bold;">男仕 Man</dt>
										<dd>包袋 Bags</dd>
										<dd>配饰 Accessories</dd>
										<dd>鞋履 Shoes</dd>
										<dd>服装 Clothes</dd>
									</div>
									<div class="goods_right">
										<dt style="font-weight: bold;">女士 Woman</dt>
										<dd>包袋 Bags</dd>
										<dd>配饰 Accessories</dd>
										<dd>鞋履 Shoes</dd>
										<dd>服装 Clothes</dd>
									</div>
								</div>									
								<div class="goods_con_right">
									<dt style="font-weight: bold;">今日推荐单品</dt>
									<ul>
										
									</ul>
								</div>
								<div class="all_news">
									<a href="#">所有男士新品</a>
									<a href="#">所有女士新品</a>
								</div>
							</div>
						</li>
						<li><a href="#">特惠区</a>
							<div class="goods" style="left:-756px;;">
								<div class="goods_con_left">
									<div class="goods_left">
										<dt style="margin-top: 0px;">今日上新</dt>
										<dt>昨日上新</dt>
										<dt>本周上新</dt>
									</div>
									<div class="goods_mid">
										<dt style="font-weight: bold;">男仕 Man</dt>
										<dd>包袋 Bags</dd>
										<dd>配饰 Accessories</dd>
										<dd>鞋履 Shoes</dd>
										<dd>服装 Clothes</dd>
									</div>
									<div class="goods_right">
										<dt style="font-weight: bold;">女士 Woman</dt>
										<dd>包袋 Bags</dd>
										<dd>配饰 Accessories</dd>
										<dd>鞋履 Shoes</dd>
										<dd>服装 Clothes</dd>
									</div>
								</div>									
								<div class="goods_con_right">
									<dt style="font-weight: bold;">今日推荐单品</dt>
									<ul>
										
									</ul>
								</div>
								<div class="all_news">
									<a href="#">所有男士新品</a>
									<a href="#">所有女士新品</a>
								</div>
							</div>
						</li>
						<li class="last_li"><a href="#"><span style="font: 16px 微软雅黑,Helvetica,sans-serif">M</span>潮流</a></li>
					</ul>
				</div>				
			</div>
{% endblock %}

<!-- 内容 -->
{% block main %}
    <div class="content">
			<div class="goods_info">
				<div class="pro_l">
					<div class="pro_img_list">
						<ul class="goods_list">
							
						</ul>
					</div>
					<div class="pro_img">
						<div class="smallArea"></div>
						<div class="bigArea">
							<img class="bigImg" src="/static/img/showImg01.jpg" alt="" />
						</div>
					</div>	
				</div>				
				
				
				<div class="pro_r">
					<!--品牌以及商品标题-->
					<h1 class="relative">
						 <a class="c_purple" href='' target="_blank" title="了解品牌">Fendi 芬迪</a>
               			 <br />
               			 <span>牛皮 女士 斜挎包</span>
					</h1>
					<!--参考价格-->
					<div class="position_rel">
						<div class="pro_price">
							<p>
								<s class="c_gray_2">参考价：￥6600.00</s><br />						
								<div style="position:relative;">
									<span class=c_purple>
									<br />
									活动价：<span class="price">￥5280.00</span>
									</span>
								</div>
							</p>
							<div style="margin-top:20px;">
           	             		 <p>
           	             		 	到货时间：该商品到货时间预计3-5个工作日                                                    
           	             		 </p>
                            </div>
						</div>
					</div>
					<div class="pro_btn">
						<img class="buy" src="/static/img/buy.gif" alt="" />
						<img class="bags" src="/static/img/bags.gif" alt="" />
					</div>
					<div class="pro_con">
						
					</div>
				</div>
			</div>
		</div>
{% endblock %}
<!--  公共尾部  -->
{% block help %}
    <div class="help">
				<ul>
					<li class="help_title">购物指南</li>
					<li><a href="">购物流程</a></li>
					<li><a href="">配送方式</a></li>
				</ul>
				<ul>
					<li class="help_title">支付方式</li>
					<li><a href="">如何付款</a></li>
					<li><a href="">发票制度</a></li>
				</ul>
				<ul>
					<li class="help_title">商品说明</li>
					<li><a href="">商品尺码</a></li>
					<li><a href="">商品包装</a></li>
				</ul>
				<ul>
					<li class="help_title">客服中心</li>
					<li><a href="">七天退还</a></li>
					<li><a href="">常见问题</a></li>
				</ul>
				<ul class="help_mid">
					<li style="padding-top: 13px;line-height: 26px;">
						<h5>订购热线</h5>
						<br/>
						<h4>4000-250-630</h4>
					</li>
				</ul>
				<ul class="help_mid" style="width: 145px;">
					<li style="padding-top: 13px;">
						<span>在线客服</span>
						<div class="tel">
							<a href=""><img src="/static/img/tencent.png" alt="" /></a>
							<a href=""><img src="/static/img/erji.png" alt="" /></a>
						</div>
					</li>
				</ul>
				<ul class="help_mid" style="width: 190px;">
					<li class="scan">
						<p>美西时尚APP</p>
						<img src="/static/img/ewm_indexTop.png" alt="" />
					</li>
					<li class="scan" style="width: 72px;">
						<p>关注我们</p>
						<img src="/static/img/ewm_wx.png" style="margin: 0;" alt="" />
					</li>
				</ul>
			</div>
{% endblock %}

{% block links %}
    <div class="links">
				<ul class="clearfix" style="width: 480px;">
					<li><a href="" id="foot_a"></a></li>
					<li><a href="" id="foot_b"></a></li>
					<li class="foot_c"></li>
					<li><a href="" id="foot_d"></a></li>
					<li><a href="" id="foot_e"></a></li>
					<li><a href="" id="foot_f"></a></li>
				</ul>
			</div>
{% endblock %}
